<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <title>Title</title>
</head>
<style>
    div {

    }
</style>
<body>
<div>
    <el-container>
        <div>
            <el-header height="100px">
                <div style="height: 100px;margin:0 auto;text-align: center;font-size: 70px;color: lightslategrey">商品详情
                </div>
                <div style="background-color: darkturquoise">
                    <el-menu mode="horizontal" style="width: 1200px;margin: 0 auto;background-color: darkturquoise"
                             text-color="#303133">
                        <el-menu-item index="1" style="font-size: 25px">猫粮</el-menu-item>
                        <el-menu-item index="1" style="font-size: 25px">狗粮</el-menu-item>
                    </el-menu>
                </div>
            </el-header>
        </div>

        <div>
            <el-main @select="handleSelect" style="width: 1200px;margin: 0 auto">
                <el-row gutter="20">
                    <el-col span="12">
                        <el-card shadow="always">
                            <img src="imgs/b.jpg" alt="" width="500px">
                        </el-card>
                    </el-col>
                    <el-col span="12">
                        <p style="font-size: 20px">猫粮</p>
                        <p style="font-size: 20px">扫码购买</p>
                        <el-row gutter="10">
                            <el-col span="20" style="text-align: center">
                                <el-card>
                                    <img src="imgs/a.jpg" alt="" width="250px">
                                </el-card>
                            </el-col>
                        </el-row>
                    </el-col>
                </el-row>
            </el-main>
        </div>
        <el-footer style="height: 100px">
            <div style="background-color: darkturquoise;text-align: center;padding: 30px 0">
                <p style="font-size: 30px;color: white">图片仅供参考</p>
                <hr style="color: gray">
                <p style="color: white">最终解释权归本网站所有</p>
            </div>
        </el-footer>
    </el-container>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: "body>div",
        data:function () {
            return{

            }
        },
        methods: {}
    })
</script>
</html>